<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><title>网址导航 | lovewhoilove 的小站</title><meta name="author" content="lovewhoilove"><meta name="copyright" content="lovewhoilove"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="description" content="聚合开发教程各种语言语言的在线教程                                                                                       慕课教程                编程入门快速学习手册">
<meta property="og:type" content="website">
<meta property="og:title" content="网址导航">
<meta property="og:url" content="https://lovewhoilove.gitee.io/link/">
<meta property="og:site_name" content="lovewhoilove 的小站">
<meta property="og:description" content="聚合开发教程各种语言语言的在线教程                                                                                       慕课教程                编程入门快速学习手册">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://lovewhoilove.gitee.io/img/avatar.png">
<meta property="article:published_time" content="2024-04-25T00:57:01.281Z">
<meta property="article:modified_time" content="2024-04-25T00:57:01.281Z">
<meta property="article:author" content="lovewhoilove">
<meta property="article:tag" content="GIS,前端,Windows">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://lovewhoilove.gitee.io/img/avatar.png"><link rel="shortcut icon" href="/img/favicon.png"><link rel="canonical" href="https://lovewhoilove.gitee.io/link/"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="manifest" href="/img/pwa/manifest.json"/><meta name="msapplication-TileColor" content="#49b1f5"/><link rel="apple-touch-icon" sizes="180x180" href="/img/pwa/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/img/pwa/32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/img/pwa/16.png"/><link rel="mask-icon" href="/img/pwa/32.png" color="#5bbad5"/><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.min.css" media="print" onload="this.media='all'"><script>const GLOBAL_CONFIG = { 
  root: '/',
  algolia: undefined,
  localSearch: {"path":"/search.xml","preload":false,"languages":{"hits_empty":"找不到您查询的内容：${query}"}},
  translate: undefined,
  noticeOutdate: undefined,
  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true,"highlightHeightLimit":false},
  copy: {
    success: '复制成功',
    error: '复制错误',
    noSupport: '浏览器不支持'
  },
  relativeDate: {
    homepage: false,
    post: false
  },
  runtime: '天',
  date_suffix: {
    just: '刚刚',
    min: '分钟前',
    hour: '小时前',
    day: '天前',
    month: '个月前'
  },
  copyright: {"limitCount":50,"languages":{"author":"作者: lovewhoilove","link":"链接: ","source":"来源: lovewhoilove 的小站","info":"著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。"}},
  lightbox: 'fancybox',
  Snackbar: undefined,
  source: {
    justifiedGallery: {
      js: 'https://cdn.jsdelivr.net/npm/flickr-justified-gallery/dist/fjGallery.min.js',
      css: 'https://cdn.jsdelivr.net/npm/flickr-justified-gallery/dist/fjGallery.min.css'
    }
  },
  isPhotoFigcaption: true,
  islazyload: true,
  isAnchor: false,
  percent: {
    toc: false,
    rightside: true,
  }
}</script><script id="config-diff">var GLOBAL_CONFIG_SITE = {
  title: '网址导航',
  isPost: false,
  isHome: false,
  isHighlightShrink: false,
  isToc: false,
  postUpdate: '2024-04-25 08:57:01'
}</script><noscript><style type="text/css">
  #nav {
    opacity: 1
  }
  .justified-gallery img {
    opacity: 1
  }

  #recent-posts time,
  #post-meta time {
    display: inline !important
  }
</style></noscript><script>(win=>{
    win.saveToLocal = {
      set: function setWithExpiry(key, value, ttl) {
        if (ttl === 0) return
        const now = new Date()
        const expiryDay = ttl * 86400000
        const item = {
          value: value,
          expiry: now.getTime() + expiryDay,
        }
        localStorage.setItem(key, JSON.stringify(item))
      },

      get: function getWithExpiry(key) {
        const itemStr = localStorage.getItem(key)

        if (!itemStr) {
          return undefined
        }
        const item = JSON.parse(itemStr)
        const now = new Date()

        if (now.getTime() > item.expiry) {
          localStorage.removeItem(key)
          return undefined
        }
        return item.value
      }
    }
  
    win.getScript = url => new Promise((resolve, reject) => {
      const script = document.createElement('script')
      script.src = url
      script.async = true
      script.onerror = reject
      script.onload = script.onreadystatechange = function() {
        const loadState = this.readyState
        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
        script.onload = script.onreadystatechange = null
        resolve()
      }
      document.head.appendChild(script)
    })
  
      win.activateDarkMode = function () {
        document.documentElement.setAttribute('data-theme', 'dark')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
        }
      }
      win.activateLightMode = function () {
        document.documentElement.setAttribute('data-theme', 'light')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
        }
      }
      const t = saveToLocal.get('theme')
    
          if (t === 'dark') activateDarkMode()
          else if (t === 'light') activateLightMode()
        
      const asideStatus = saveToLocal.get('aside-status')
      if (asideStatus !== undefined) {
        if (asideStatus === 'hide') {
          document.documentElement.classList.add('hide-aside')
        } else {
          document.documentElement.classList.remove('hide-aside')
        }
      }
    
    const detectApple = () => {
      if(/iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)){
        document.documentElement.classList.add('apple')
      }
    }
    detectApple()
    })(window)</script><link rel="stylesheet" href="/css/progress_bar.css"><link rel="stylesheet" href="/css/custom.css"><svg aria-hidden="true" style="position:absolute; overflow:hidden; width:0; height:0"><symbol id="icon-sun" viewBox="0 0 1024 1024"><path d="M960 512l-128 128v192h-192l-128 128-128-128H192v-192l-128-128 128-128V192h192l128-128 128 128h192v192z" fill="#FFD878" p-id="8420"></path><path d="M736 512a224 224 0 1 0-448 0 224 224 0 1 0 448 0z" fill="#FFE4A9" p-id="8421"></path><path d="M512 109.248L626.752 224H800v173.248L914.752 512 800 626.752V800h-173.248L512 914.752 397.248 800H224v-173.248L109.248 512 224 397.248V224h173.248L512 109.248M512 64l-128 128H192v192l-128 128 128 128v192h192l128 128 128-128h192v-192l128-128-128-128V192h-192l-128-128z" fill="#4D5152" p-id="8422"></path><path d="M512 320c105.888 0 192 86.112 192 192s-86.112 192-192 192-192-86.112-192-192 86.112-192 192-192m0-32a224 224 0 1 0 0 448 224 224 0 0 0 0-448z" fill="#4D5152" p-id="8423"></path></symbol><symbol id="icon-moon" viewBox="0 0 1024 1024"><path d="M611.370667 167.082667a445.013333 445.013333 0 0 1-38.4 161.834666 477.824 477.824 0 0 1-244.736 244.394667 445.141333 445.141333 0 0 1-161.109334 38.058667 85.077333 85.077333 0 0 0-65.066666 135.722666A462.08 462.08 0 1 0 747.093333 102.058667a85.077333 85.077333 0 0 0-135.722666 65.024z" fill="#FFB531" p-id="11345"></path><path d="M329.728 274.133333l35.157333-35.157333a21.333333 21.333333 0 1 0-30.165333-30.165333l-35.157333 35.157333-35.114667-35.157333a21.333333 21.333333 0 0 0-30.165333 30.165333l35.114666 35.157333-35.114666 35.157334a21.333333 21.333333 0 1 0 30.165333 30.165333l35.114667-35.157333 35.157333 35.157333a21.333333 21.333333 0 1 0 30.165333-30.165333z" fill="#030835" p-id="11346"></path></symbol></svg><!-- hexo injector head_end start --><link rel="stylesheet" href="https://npm.elemecdn.com/hexo-butterfly-wowjs/lib/animate.min.css" media="print" onload="this.media='screen'"><!-- hexo injector head_end end --><meta name="generator" content="Hexo 5.4.2"></head><body><div id="loading-box" onclick="document.getElementById(&quot;loading-box&quot;).classList.add(&quot;loaded&quot;)"><div class="loading-bg"><div class="loading-img"></div><div class="loading-image-dot"></div></div></div><script>const preloader = {
  endLoading: () => {
    document.body.style.overflow = 'auto';
    document.getElementById('loading-box').classList.add("loaded")
  },
  initLoading: () => {
    document.body.style.overflow = '';
    document.getElementById('loading-box').classList.remove("loaded")

  }
}
window.addEventListener('load',()=> { preloader.endLoading() })

if (true) {
  document.addEventListener('pjax:send', () => { preloader.initLoading() })
  document.addEventListener('pjax:complete', () => { preloader.endLoading() })
}</script><link rel="stylesheet" href="/css/custom.css"/><script src="https://cdn.jsdelivr.net/npm/pace-js/pace.min.js"></script><div id="web_bg"></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="avatar-img is-center"><img src= "/img/friend_404.gif" data-lazy-src="/img/avatar.png" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="sidebar-site-data site-data is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">250</div></a><a href="/tags/"><div class="headline">标签</div><div class="length-num">327</div></a><a href="/categories/"><div class="headline">分类</div><div class="length-num">2</div></a></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-newspaper"></i><span> 文章相关</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/archives/"><i class="fa-fw fas fa-timeline"></i><span> 时间轴</span></a></li><li><a class="site-page child" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></li><li><a class="site-page child" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-layer-group"></i><span> Openlayers</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/doc/"><i class="fa-fw fas fa-book-reader"></i><span> 说明文档</span></a></li><li><a class="site-page child" href="/quick-start/"><i class="fa-fw fas fa-bolt"></i><span> 快速入门</span></a></li><li><a class="site-page child" href="/tutorials/"><i class="fa-fw fas fa-book"></i><span> 教程</span></a></li><li><a class="site-page child" href="/faq/"><i class="fa-fw fas fa-question"></i><span> 常见问题</span></a></li><li><a class="site-page child" href="/workshop/"><i class="fa-fw fas fa-graduation-cap"></i><span> 研讨会</span></a></li><li><a class="site-page child" href="/examples/"><i class="fa-fw fas fa-laptop-code"></i><span> 示例</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 网址导航</span></a></div></div></div></div><div class="page" id="body-wrap"><header class="not-home-page" id="page-header" style="background-image: url('/img/homepage-banner.webp')"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">lovewhoilove 的小站</a></span><div id="menus"><div id="search-button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-newspaper"></i><span> 文章相关</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/archives/"><i class="fa-fw fas fa-timeline"></i><span> 时间轴</span></a></li><li><a class="site-page child" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></li><li><a class="site-page child" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-layer-group"></i><span> Openlayers</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/doc/"><i class="fa-fw fas fa-book-reader"></i><span> 说明文档</span></a></li><li><a class="site-page child" href="/quick-start/"><i class="fa-fw fas fa-bolt"></i><span> 快速入门</span></a></li><li><a class="site-page child" href="/tutorials/"><i class="fa-fw fas fa-book"></i><span> 教程</span></a></li><li><a class="site-page child" href="/faq/"><i class="fa-fw fas fa-question"></i><span> 常见问题</span></a></li><li><a class="site-page child" href="/workshop/"><i class="fa-fw fas fa-graduation-cap"></i><span> 研讨会</span></a></li><li><a class="site-page child" href="/examples/"><i class="fa-fw fas fa-laptop-code"></i><span> 示例</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 网址导航</span></a></div></div><div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="page-site-info"><h1 id="site-title">网址导航</h1></div></header><main class="layout hide-aside" id="content-inner"><div id="page"><div id="article-container"><div class="flink"><div class="flink"><div class="flink-name">聚合开发教程</div><div class="flink-desc">各种语言语言的在线教程</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="http://www.imooc.com/wiki/" title="慕课教程" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.imooc.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="慕课教程" />
              </div>
              <div class="flink-item-name">慕课教程</div> 
              <div class="flink-item-desc" title="编程入门快速学习手册">编程入门快速学习手册</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.zhangxinxu.com/" title="张鑫旭的个人主页" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.zhangxinxu.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="张鑫旭的个人主页" />
              </div>
              <div class="flink-item-name">张鑫旭的个人主页</div> 
              <div class="flink-item-desc" title="前端大神的博客，还附带各种翻译资料！">前端大神的博客，还附带各种翻译资料！</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.w3school.com.cn/" title="W3School" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.w3school.com.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="W3School" />
              </div>
              <div class="flink-item-name">W3School</div> 
              <div class="flink-item-desc" title="中文 Web 技术教程">中文 Web 技术教程</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.w3schools.com/" title="W3Schools" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.w3schools.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="W3Schools" />
              </div>
              <div class="flink-item-name">W3Schools</div> 
              <div class="flink-item-desc" title="W3Schools 英文原版网站">W3Schools 英文原版网站</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://nodejs.cn/" title="Node.js中文网" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/nodejs.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Node.js中文网" />
              </div>
              <div class="flink-item-name">Node.js中文网</div> 
              <div class="flink-item-desc" title="nodejs及其他前端框架中文资料">nodejs及其他前端框架中文资料</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.runoob.com/" title="菜鸟教程" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.runoob.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="菜鸟教程" />
              </div>
              <div class="flink-item-name">菜鸟教程</div> 
              <div class="flink-item-desc" title="学的不仅是技术，更是梦想！">学的不仅是技术，更是梦想！</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.xinbaoku.com/" title="新宝库" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.xinbaoku.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="新宝库" />
              </div>
              <div class="flink-item-name">新宝库</div> 
              <div class="flink-item-desc" title="分享与发现">分享与发现</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://developer.mozilla.org/zh-CN/docs/Web" title="MDN" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/developer.mozilla.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="MDN" />
              </div>
              <div class="flink-item-name">MDN</div> 
              <div class="flink-item-desc" title="火狐官方Web开发技术文档">火狐官方Web开发技术文档</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.icourse163.org/" title="中国大学MOOC" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.icourse163.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="中国大学MOOC" />
              </div>
              <div class="flink-item-name">中国大学MOOC</div> 
              <div class="flink-item-desc" title="国家精品课程在线学习平台">国家精品课程在线学习平台</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.chinaooc.com.cn/" title="国家高等教育智慧教育平台" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.chinaooc.com.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="国家高等教育智慧教育平台" />
              </div>
              <div class="flink-item-name">国家高等教育智慧教育平台</div> 
              <div class="flink-item-desc" title="国家智慧教育公共服务平台">国家智慧教育公共服务平台</div>
            </a>
          </div></div><div class="flink-name">专门语言开发教程</div><div class="flink-desc">特定开发语言的在线教程</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://whatwg-cn.github.io/html/" title="HTML标准" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://resources.whatwg.org/logo.svg" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="HTML标准" />
              </div>
              <div class="flink-item-name">HTML标准</div> 
              <div class="flink-item-desc" title="HTML标准">HTML标准</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://wangdoc.com/javascript/" title="JavaScript 教程" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/wangdoc.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="JavaScript 教程" />
              </div>
              <div class="flink-item-name">JavaScript 教程</div> 
              <div class="flink-item-desc" title="互联网开发文档">互联网开发文档</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://wangdoc.com/es6/" title="ES6 教程" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/wangdoc.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ES6 教程" />
              </div>
              <div class="flink-item-name">ES6 教程</div> 
              <div class="flink-item-desc" title="互联网开发文档">互联网开发文档</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.typescriptlang.org/zh/" title="TypeScript 教程" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.typescriptlang.org/zh.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="TypeScript 教程" />
              </div>
              <div class="flink-item-name">TypeScript 教程</div> 
              <div class="flink-item-desc" title="TypeScript入门教程">TypeScript入门教程</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.canvasapi.cn/" title="Canvas API中文文档" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.canvasapi.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Canvas API中文文档" />
              </div>
              <div class="flink-item-name">Canvas API中文文档</div> 
              <div class="flink-item-desc" title="Canvas API中文文档">Canvas API中文文档</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API" title="WebGL API" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/developer.mozilla.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="WebGL API" />
              </div>
              <div class="flink-item-name">WebGL API</div> 
              <div class="flink-item-desc" title="WebGL API and Tutorial">WebGL API and Tutorial</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.learncpp.com/" title="Learn C++" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.learncpp.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Learn C++" />
              </div>
              <div class="flink-item-name">Learn C++</div> 
              <div class="flink-item-desc" title="教你如何用C++编程">教你如何用C++编程</div>
            </a>
          </div></div><div class="flink-name">GIS 开发框架</div><div class="flink-desc">常用的地图开发框架</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://openlayers.org/" title="Openlayers" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/openlayers.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Openlayers" />
              </div>
              <div class="flink-item-name">Openlayers</div> 
              <div class="flink-item-desc" title="Openlayers 参考文档">Openlayers 参考文档</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://leafletjs.com/SlavaUkraini/" title="Leaflet" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/leafletjs.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Leaflet" />
              </div>
              <div class="flink-item-name">Leaflet</div> 
              <div class="flink-item-desc" title="Leaflet 参考文档">Leaflet 参考文档</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://docs.mapbox.com/mapbox-gl-js" title="Mapbox GL JS" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.mapbox.com/mapbox-gljs.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Mapbox GL JS" />
              </div>
              <div class="flink-item-name">Mapbox GL JS</div> 
              <div class="flink-item-desc" title="用于Web上矢量地图的JavaScript库">用于Web上矢量地图的JavaScript库</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://threejs.org/" title="three.js" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/threejs.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="three.js" />
              </div>
              <div class="flink-item-name">three.js</div> 
              <div class="flink-item-desc" title="JavaScript 3D库">JavaScript 3D库</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://cesium.com/learn/cesiumjs-learn/" title="Cesium" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/cesium.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Cesium" />
              </div>
              <div class="flink-item-name">Cesium</div> 
              <div class="flink-item-desc" title="三维地理空间平台">三维地理空间平台</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://cesium.xin/cesium/cn/" title="Cesium中文API文档" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/cesium.xin/cesium/cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Cesium中文API文档" />
              </div>
              <div class="flink-item-name">Cesium中文API文档</div> 
              <div class="flink-item-desc" title="中文的Cesium API文档">中文的Cesium API文档</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://lbsyun.baidu.com/index.php?title=jspopular" title="百度地图 API" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/lbsyun.baidu.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="百度地图 API" />
              </div>
              <div class="flink-item-name">百度地图 API</div> 
              <div class="flink-item-desc" title="百度地图参考文档">百度地图参考文档</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://lbs.amap.com/api/jsapi-v2/summary/" title="高德地图 API" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/lbs.amap.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="高德地图 API" />
              </div>
              <div class="flink-item-name">高德地图 API</div> 
              <div class="flink-item-desc" title="第2版高德地图参考文档">第2版高德地图参考文档</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://developers.google.com/maps/documentation/javascript?hl=zh-cn" title="Google Maps JS API" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/developers.google.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Google Maps JS API" />
              </div>
              <div class="flink-item-name">Google Maps JS API</div> 
              <div class="flink-item-desc" title="为您的 Web 应用深度定制动态的互动式地图、位置和地理空间体验。">为您的 Web 应用深度定制动态的互动式地图、位置和地理空间体验。</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://developers.arcgis.com/javascript/latest/" title="ArcGIS API" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://developers.arcgis.com/javascript/latest/favicon-32x32.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ArcGIS API" />
              </div>
              <div class="flink-item-name">ArcGIS API</div> 
              <div class="flink-item-desc" title="ArcGIS API 参考文档">ArcGIS API 参考文档</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://earthsdk.com/" title="EarthSDK" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/earthsdk.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="EarthSDK" />
              </div>
              <div class="flink-item-name">EarthSDK</div> 
              <div class="flink-item-desc" title="开源免费地球可视化二次开发框架">开源免费地球可视化二次开发框架</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.supermap.com/zh-cn/a/product/gis-web-2023.html" title="SuperMap WebGIS" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.supermap.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="SuperMap WebGIS" />
              </div>
              <div class="flink-item-name">SuperMap WebGIS</div> 
              <div class="flink-item-desc" title="超图GIS网络客户端开发平台">超图GIS网络客户端开发平台</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://turfjs.fenxianglu.cn/" title="Turf.js" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://turfjs.org/favicon.ico" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Turf.js" />
              </div>
              <div class="flink-item-name">Turf.js</div> 
              <div class="flink-item-desc" title="地理空间分析库,处理各种地图算法">地理空间分析库,处理各种地图算法</div>
            </a>
          </div></div><div class="flink-name">GIS开发/常用库</div><div class="flink-desc">GIS常用开发库/学习网站</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://discoverthreejs.com/zh/" title="《探索three.js》" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/discoverthreejs.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="《探索three.js》" />
              </div>
              <div class="flink-item-name">《探索three.js》</div> 
              <div class="flink-item-desc" title="three.js 的实战手册">three.js 的实战手册</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://cesium.xin/" title="Cesium中文网" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/cesium.xin.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Cesium中文网" />
              </div>
              <div class="flink-item-name">Cesium中文网</div> 
              <div class="flink-item-desc" title="个人的Cesium中文博客及学习资料">个人的Cesium中文博客及学习资料</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://geovisearth.com/" title="星图地球" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/geovisearth.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="星图地球" />
              </div>
              <div class="flink-item-name">星图地球</div> 
              <div class="flink-item-desc" title="国产三维数字地球平台">国产三维数字地球平台</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://marsgis.cn/" title="火星科技" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/marsgis.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="火星科技" />
              </div>
              <div class="flink-item-name">火星科技</div> 
              <div class="flink-item-desc" title="合肥火星科技有限公司网站">合肥火星科技有限公司网站</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://viglino.github.io/ol-ext/" title="ol-ext" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://openlayers.org/theme/img/logo-light.svg" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ol-ext" />
              </div>
              <div class="flink-item-name">ol-ext</div> 
              <div class="flink-item-desc" title="基于Openlayers的第三方开源库">基于Openlayers的第三方开源库</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://wandergis.com/coordtransform/" title="Coordtransform" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/github.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Coordtransform" />
              </div>
              <div class="flink-item-name">Coordtransform</div> 
              <div class="flink-item-desc" title="百度、高德及WGS 84坐标互转">百度、高德及WGS 84坐标互转</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://proj4js.org/" title="proj4js" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/github.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="proj4js" />
              </div>
              <div class="flink-item-name">proj4js</div> 
              <div class="flink-item-desc" title="坐标转换(包含基准转换)">坐标转换(包含基准转换)</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://github.com/stevage/epsg" title="EPSG definitions for Proj4JS" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/github.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="EPSG definitions for Proj4JS" />
              </div>
              <div class="flink-item-name">EPSG definitions for Proj4JS</div> 
              <div class="flink-item-desc" title="通过EPSG码获取其定义，可直接用于proj4js">通过EPSG码获取其定义，可直接用于proj4js</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://github.com/DanielJDufour/get-epsg-code" title="get-epsg-code" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/github.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="get-epsg-code" />
              </div>
              <div class="flink-item-name">get-epsg-code</div> 
              <div class="flink-item-desc" title="可以解析OGC WKT，ESRI WKT，PROJ/Proj4js字符串">可以解析OGC WKT，ESRI WKT，PROJ/Proj4js字符串</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://dayjs.gitee.io/zh-CN/" title="Day.js" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/dayjs.gitee.io.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Day.js" />
              </div>
              <div class="flink-item-name">Day.js</div> 
              <div class="flink-item-desc" title="日期时间格式转换库">日期时间格式转换库</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://printjs.crabbly.com/" title="Print.js" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/printjs.crabbly.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Print.js" />
              </div>
              <div class="flink-item-name">Print.js</div> 
              <div class="flink-item-desc" title="一个用于Web打印小型javascript库">一个用于Web打印小型javascript库</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://live.osgeo.org/en/overview/overview.html" title="OSGeo-Live" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/live.osgeo.org/en/overview/overview.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="OSGeo-Live" />
              </div>
              <div class="flink-item-name">OSGeo-Live</div> 
              <div class="flink-item-desc" title="开源GIS软件/框架导航">开源GIS软件/框架导航</div>
            </a>
          </div></div><div class="flink-name">GIS可视化工具</div><div class="flink-desc">GIS相关的可视化网站</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://mapshaper.org/" title="mapshaper" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/mapshaper.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="mapshaper" />
              </div>
              <div class="flink-item-name">mapshaper</div> 
              <div class="flink-item-desc" title="shapefile可视化网站">shapefile可视化网站</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.map-projections.net/singleview.php" title="View Map Projections" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.map-projections.net.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="View Map Projections" />
              </div>
              <div class="flink-item-name">View Map Projections</div> 
              <div class="flink-item-desc" title="地图投影特征可视化网站">地图投影特征可视化网站</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://geoxc-apps2.bd.esri.com/Visualization/Distortion/index.html" title="投影变形" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/esri.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="投影变形" />
              </div>
              <div class="flink-item-name">投影变形</div> 
              <div class="flink-item-desc" title="查看投影后变形的情况">查看投影后变形的情况</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://platform.leolabs.space/visualizations/leo" title="全球卫星(需要梯子)" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://platform-cdn.leolabs.space/static/images/favicon.png?c761b1090e78620768bdd02e79f608361f45ac77" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="全球卫星(需要梯子)" />
              </div>
              <div class="flink-item-name">全球卫星(需要梯子)</div> 
              <div class="flink-item-desc" title="可视化全球卫星">可视化全球卫星</div>
            </a>
          </div></div><div class="flink-name">GIS数据下载</div><div class="flink-desc">GIS数据下载</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://map.ruiduobao.com/" title="行政区划数据" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/map.ruiduobao.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="行政区划数据" />
              </div>
              <div class="flink-item-name">行政区划数据</div> 
              <div class="flink-item-desc" title="行政区划数据查询与下载">行政区划数据查询与下载</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://datav.aliyun.com/portal/school/atlas/area_selector" title="DataV.GeoAtlas" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/datav.aliyun.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="DataV.GeoAtlas" />
              </div>
              <div class="flink-item-name">DataV.GeoAtlas</div> 
              <div class="flink-item-desc" title="GeoJSON格式的行政区划数据下载">GeoJSON格式的行政区划数据下载</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.naturalearthdata.com/" title="Natural Earth" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/wordpress.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Natural Earth" />
              </div>
              <div class="flink-item-name">Natural Earth</div> 
              <div class="flink-item-desc" title="可以作底图的GIS矢量和栅格数据">可以作底图的GIS矢量和栅格数据</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.webmap.cn/main.do?method=index" title="全国地理信息资源目录服务系统" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.webmap.cn/main.do.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="全国地理信息资源目录服务系统" />
              </div>
              <div class="flink-item-name">全国地理信息资源目录服务系统</div> 
              <div class="flink-item-desc" title="基础地理信息数据下载">基础地理信息数据下载</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://earthexplorer.usgs.gov/" title="USGS Earth Explorer" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/earthexplorer.usgs.gov.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="USGS Earth Explorer" />
              </div>
              <div class="flink-item-name">USGS Earth Explorer</div> 
              <div class="flink-item-desc" title="最大的遥感卫星数据库之一">最大的遥感卫星数据库之一</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.scidb.cn/list" title="科学数据银行" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.scidb.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="科学数据银行" />
              </div>
              <div class="flink-item-name">科学数据银行</div> 
              <div class="flink-item-desc" title="科研数据下载">科研数据下载</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.openstreetmap.org/" title="OpenStreetMap" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.openstreetmap.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="OpenStreetMap" />
              </div>
              <div class="flink-item-name">OpenStreetMap</div> 
              <div class="flink-item-desc" title="丰富的街道、建筑、地形等数据">丰富的街道、建筑、地形等数据</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://landsat.visibleearth.nasa.gov/" title="Landsat" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/landsat.visibleearth.nasa.gov.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Landsat" />
              </div>
              <div class="flink-item-name">Landsat</div> 
              <div class="flink-item-desc" title="免费获取Landsat数据">免费获取Landsat数据</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.sentinel-hub.com/" title="Sentinel Hub" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.sentinel-hub.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Sentinel Hub" />
              </div>
              <div class="flink-item-name">Sentinel Hub</div> 
              <div class="flink-item-desc" title="地球观测数据处理和可视化平台">地球观测数据处理和可视化平台</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://scihub.copernicus.eu/dhus/#/home" title="Copernicus Open Access Hub" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/scihub.copernicus.eu.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Copernicus Open Access Hub" />
              </div>
              <div class="flink-item-name">Copernicus Open Access Hub</div> 
              <div class="flink-item-desc" title="地球观测数据存档和分发中心">地球观测数据存档和分发中心</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.onegeology.org/" title="OneGeology" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.onegeology.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="OneGeology" />
              </div>
              <div class="flink-item-name">OneGeology</div> 
              <div class="flink-item-desc" title="地质数据共享平台">地质数据共享平台</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.worldclim.org/" title="WorldClim" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.worldclim.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="WorldClim" />
              </div>
              <div class="flink-item-name">WorldClim</div> 
              <div class="flink-item-desc" title="全球气候数据">全球气候数据</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.globalforestwatch.org/" title="Global Forest Watch" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.globalforestwatch.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Global Forest Watch" />
              </div>
              <div class="flink-item-name">Global Forest Watch</div> 
              <div class="flink-item-desc" title="森林覆盖、变化等数据">森林覆盖、变化等数据</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://data.humdata.org/" title="Humanitarian Data Exchange" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/data.humdata.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Humanitarian Data Exchange" />
              </div>
              <div class="flink-item-name">Humanitarian Data Exchange</div> 
              <div class="flink-item-desc" title="森林覆盖、变化等数据">森林覆盖、变化等数据</div>
            </a>
          </div></div><div class="flink-name">3D模型下载</div><div class="flink-desc">免费的3D模型资源网站</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://free3d.com/3d-models/" title="Free 3D Models" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/free3d.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Free 3D Models" />
              </div>
              <div class="flink-item-name">Free 3D Models</div> 
              <div class="flink-item-desc" title="免费的3D模型">免费的3D模型</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.mixamo.com/" title="Mixamo" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.mixamo.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Mixamo" />
              </div>
              <div class="flink-item-name">Mixamo</div> 
              <div class="flink-item-desc" title="为游戏、电影等制作3D角色动画">为游戏、电影等制作3D角色动画</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.kenney.nl/" title="Kenney" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.kenney.nl.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Kenney" />
              </div>
              <div class="flink-item-name">Kenney</div> 
              <div class="flink-item-desc" title="下载多种格式的角色和动画">下载多种格式的角色和动画</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.turbosquid.com/" title="Turbosquid" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.turbosquid.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Turbosquid" />
              </div>
              <div class="flink-item-name">Turbosquid</div> 
              <div class="flink-item-desc" title="模型下载">模型下载</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.blenderboom.com/" title="Blenderboom" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.blenderboom.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Blenderboom" />
              </div>
              <div class="flink-item-name">Blenderboom</div> 
              <div class="flink-item-desc" title="模型下载">模型下载</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.artec3d.com/3d-models/" title="Artec 3D" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.artec3d.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Artec 3D" />
              </div>
              <div class="flink-item-name">Artec 3D</div> 
              <div class="flink-item-desc" title="各种各样的模型下载">各种各样的模型下载</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://github.com/KhronosGroup/glTF-Sample-Models" title="Three.js配套模型" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/github.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Three.js配套模型" />
              </div>
              <div class="flink-item-name">Three.js配套模型</div> 
              <div class="flink-item-desc" title="Three.js的配套模型">Three.js的配套模型</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.myminifactory.com/" title="MyMiniFactory" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.myminifactory.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="MyMiniFactory" />
              </div>
              <div class="flink-item-name">MyMiniFactory</div> 
              <div class="flink-item-desc" title="3D模型下载平台">3D模型下载平台</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://sketchfab.com/" title="Sketchfab" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/sketchfab.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Sketchfab" />
              </div>
              <div class="flink-item-name">Sketchfab</div> 
              <div class="flink-item-desc" title="非常棒的3D模型库网站">非常棒的3D模型库网站</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://clara.io/" title="Clara.io" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/clara.io.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Clara.io" />
              </div>
              <div class="flink-item-name">Clara.io</div> 
              <div class="flink-item-desc" title="3D建模、动画和渲染软件工具">3D建模、动画和渲染软件工具</div>
            </a>
          </div></div><div class="flink-name">GeoJSON编辑</div><div class="flink-desc">GeoJSON在线编辑</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://play.placemark.io/" title="Placemark Play" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://play.placemark.io/favicon.ico" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Placemark Play" />
              </div>
              <div class="flink-item-name">Placemark Play</div> 
              <div class="flink-item-desc" title="开源的在线地理数据编辑器">开源的在线地理数据编辑器</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://geojson.io/" title="geojson.io" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://geojson.io/img/favicon.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="geojson.io" />
              </div>
              <div class="flink-item-name">geojson.io</div> 
              <div class="flink-item-desc" title="在地图上创建点、线和多边形">在地图上创建点、线和多边形</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://vector.rocks/" title="Vector GeoJSON" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://vector.rocks/assets/favicon.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Vector GeoJSON" />
              </div>
              <div class="flink-item-name">Vector GeoJSON</div> 
              <div class="flink-item-desc" title="创建或编辑 GeoJSON 数据">创建或编辑 GeoJSON 数据</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.geoman.io/demo" title="Geoman Geojson Editor" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/geoman.io.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Geoman Geojson Editor" />
              </div>
              <div class="flink-item-name">Geoman Geojson Editor</div> 
              <div class="flink-item-desc" title="出色的绘图工具">出色的绘图工具</div>
            </a>
          </div></div><div class="flink-name">Vue教程</div><div class="flink-desc">Vue及其UI框架官方文档</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://cn.vuejs.org/index.html" title="Vue.js" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/cn.vuejs.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Vue.js" />
              </div>
              <div class="flink-item-name">Vue.js</div> 
              <div class="flink-item-desc" title="Vue中文教程">Vue中文教程</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://cn.vitejs.dev/" title="Vite" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/cn.vitejs.dev.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Vite" />
              </div>
              <div class="flink-item-name">Vite</div> 
              <div class="flink-item-desc" title="下一代的前端工具链">下一代的前端工具链</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://pinia.vuejs.org/zh/" title="Pinia" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/pinia.vuejs.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Pinia" />
              </div>
              <div class="flink-item-name">Pinia</div> 
              <div class="flink-item-desc" title="适合Vue3的状态库">适合Vue3的状态库</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://vueuse.org/" title="Vueuse" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/vueuse.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Vueuse" />
              </div>
              <div class="flink-item-name">Vueuse</div> 
              <div class="flink-item-desc" title="实用函数集合">实用函数集合</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://github.com/vuejs/awesome-vue" title="Awesome Vue" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/github.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Awesome Vue" />
              </div>
              <div class="flink-item-name">Awesome Vue</div> 
              <div class="flink-item-desc" title="与Vue相关的精选列表">与Vue相关的精选列表</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://nuxt.com/" title="Nuxt" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/nuxt.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Nuxt" />
              </div>
              <div class="flink-item-name">Nuxt</div> 
              <div class="flink-item-desc" title="基于Vue的全栈框架">基于Vue的全栈框架</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://element-plus.org/zh-CN/" title="Element UI" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/element-plus.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Element UI" />
              </div>
              <div class="flink-item-name">Element UI</div> 
              <div class="flink-item-desc" title="网站快速成型工具">网站快速成型工具</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://vant-contrib.gitee.io/vant/#/zh-CN" title="Vant4" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://fastly.jsdelivr.net/npm/@vant/assets/logo.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Vant4" />
              </div>
              <div class="flink-item-name">Vant4</div> 
              <div class="flink-item-desc" title="移动端（适合Vue3的版本）">移动端（适合Vue3的版本）</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.antdv.com/components/overview" title="Ant Design Vue" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.antdv.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Ant Design Vue" />
              </div>
              <div class="flink-item-name">Ant Design Vue</div> 
              <div class="flink-item-desc" title="Ant Design Vue 中文文档">Ant Design Vue 中文文档</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://v2.vuepress.vuejs.org/zh/" title="VuePress" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/vuejs.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="VuePress" />
              </div>
              <div class="flink-item-name">VuePress</div> 
              <div class="flink-item-desc" title="静态站点生成器">静态站点生成器</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://vitepress.dev/zh/" title="VitePress" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/vitepress.dev.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="VitePress" />
              </div>
              <div class="flink-item-name">VitePress</div> 
              <div class="flink-item-desc" title="静态站点生成器">静态站点生成器</div>
            </a>
          </div></div><div class="flink-name">React教程</div><div class="flink-desc">React及其UI框架官方文档</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://react.docschina.org/" title="React" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/react.docschina.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="React" />
              </div>
              <div class="flink-item-name">React</div> 
              <div class="flink-item-desc" title="React中文教程">React中文教程</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://ant.design/index-cn" title="Ant Design" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/ant.design/index-cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Ant Design" />
              </div>
              <div class="flink-item-name">Ant Design</div> 
              <div class="flink-item-desc" title="企业级 UI 设计语言">企业级 UI 设计语言</div>
            </a>
          </div></div><div class="flink-name">CSS样式库</div><div class="flink-desc">比较流行的几个样式库</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://v5.bootcss.com/" title="Bootstrap" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/v5.bootcss.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Bootstrap" />
              </div>
              <div class="flink-item-name">Bootstrap</div> 
              <div class="flink-item-desc" title="使用 Bootstrap 构建快速、响应式布局的网站">使用 Bootstrap 构建快速、响应式布局的网站</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.tailwindcss.cn/" title="Tailwind CSS" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.tailwindcss.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Tailwind CSS" />
              </div>
              <div class="flink-item-name">Tailwind CSS</div> 
              <div class="flink-item-desc" title="功能类优先的 CSS 框架">功能类优先的 CSS 框架</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://get.foundation/index.html" title="Foundation" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://get.foundation/assets/img/icons/foundation-favicon.ico" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Foundation" />
              </div>
              <div class="flink-item-name">Foundation</div> 
              <div class="flink-item-desc" title="号称全球最先进的响应式前端框架">号称全球最先进的响应式前端框架</div>
            </a>
          </div></div><div class="flink-name">图表库</div><div class="flink-desc">各种统计图及可视化效果</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://echarts.apache.org/zh/index.html" title="Echarts" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/echarts.apache.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Echarts" />
              </div>
              <div class="flink-item-name">Echarts</div> 
              <div class="flink-item-desc" title="一个基于 JavaScript 的开源可视化图表库">一个基于 JavaScript 的开源可视化图表库</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://antv.vision/zh" title="AntV" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/antv.vision.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="AntV" />
              </div>
              <div class="flink-item-name">AntV</div> 
              <div class="flink-item-desc" title="蚂蚁数据可视化">蚂蚁数据可视化</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://d3js.org/" title="D3" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/d3js.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="D3" />
              </div>
              <div class="flink-item-name">D3</div> 
              <div class="flink-item-desc" title="全称 Data-Driven Documents">全称 Data-Driven Documents</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://mapv.baidu.com/" title="MapV" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/mapv.baidu.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="MapV" />
              </div>
              <div class="flink-item-name">MapV</div> 
              <div class="flink-item-desc" title="基于百度地图的大数据可视化开源库">基于百度地图的大数据可视化开源库</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.highcharts.com/demo" title="Highcharts" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.highcharts.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Highcharts" />
              </div>
              <div class="flink-item-name">Highcharts</div> 
              <div class="flink-item-desc" title="数据可视化图表工具">数据可视化图表工具</div>
            </a>
          </div></div><div class="flink-name">图标库</div><div class="flink-desc">各种图标/icon</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://www.iconfont.cn/" title="iconfont" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="iconfont" />
              </div>
              <div class="flink-item-name">iconfont</div> 
              <div class="flink-item-desc" title="阿里巴巴矢量图标库">阿里巴巴矢量图标库</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://fontawesome.com/" title="Font Awesome" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/fontawesome.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Font Awesome" />
              </div>
              <div class="flink-item-name">Font Awesome</div> 
              <div class="flink-item-desc" title="为你的项目找到完美的图标">为你的项目找到完美的图标</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://remixicon.com/" title="Remix Icon" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/remixicon.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Remix Icon" />
              </div>
              <div class="flink-item-name">Remix Icon</div> 
              <div class="flink-item-desc" title="开源的图标库">开源的图标库</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.flaticon.com/" title="flaticon" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.flaticon.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="flaticon" />
              </div>
              <div class="flink-item-name">flaticon</div> 
              <div class="flink-item-desc" title="下载免费图标和贴纸">下载免费图标和贴纸</div>
            </a>
          </div></div><div class="flink-name">大屏可视化模板</div><div class="flink-desc">各个领域的大屏可视化模板设计图</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi" title="大屏数据展示" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/gitee.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="大屏数据展示" />
              </div>
              <div class="flink-item-name">大屏数据展示</div> 
              <div class="flink-item-desc" title="各类大屏展示模板">各类大屏展示模板</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://gitee.com/iGaoWei/big-data-view" title="大数据可视化" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/gitee.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="大数据可视化" />
              </div>
              <div class="flink-item-name">大数据可视化</div> 
              <div class="flink-item-desc" title="100套大数据可视化模板">100套大数据可视化模板</div>
            </a>
          </div></div><div class="flink-name">GIS学习网站</div><div class="flink-desc">GIS学习网站/论坛</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://www.rserforum.com/" title="遥感家园" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://rserforumfile-1309147016.cos.ap-shanghai.myqcloud.com/favicon.jpg" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="遥感家园" />
              </div>
              <div class="flink-item-name">遥感家园</div> 
              <div class="flink-item-desc" title="针对遥感领域开设的论坛">针对遥感领域开设的论坛</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.esri.com/arcgis-blog/overview/" title="ArcGIS Blog" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.esri.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ArcGIS Blog" />
              </div>
              <div class="flink-item-name">ArcGIS Blog</div> 
              <div class="flink-item-desc" title="从Esri产品团队获取内部信息">从Esri产品团队获取内部信息</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://zhihu.geoscene.cn/" title="ArcGIS知乎" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/zhihu.geoscene.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ArcGIS知乎" />
              </div>
              <div class="flink-item-name">ArcGIS知乎</div> 
              <div class="flink-item-desc" title="GIS 问答社区">GIS 问答社区</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://malagis.com/" title="麻辣GIS" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/malagis.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="麻辣GIS" />
              </div>
              <div class="flink-item-name">麻辣GIS</div> 
              <div class="flink-item-desc" title="小而美的GIS博客">小而美的GIS博客</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.osgeo.cn/" title="OSGeo中国中心" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.osgeo.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="OSGeo中国中心" />
              </div>
              <div class="flink-item-name">OSGeo中国中心</div> 
              <div class="flink-item-desc" title="开放地理空间信息科学技术、数据、知识共享">开放地理空间信息科学技术、数据、知识共享</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://github.com/sshuair/awesome-gis" title="Awesome GIS" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/github.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Awesome GIS" />
              </div>
              <div class="flink-item-name">Awesome GIS</div> 
              <div class="flink-item-desc" title="与地理空间相关的资源集合">与地理空间相关的资源集合</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://cesium.xin/" title="Cesium中文网" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/cesium.xin.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Cesium中文网" />
              </div>
              <div class="flink-item-name">Cesium中文网</div> 
              <div class="flink-item-desc" title="个人的Cesium中文博客及学习资料">个人的Cesium中文博客及学习资料</div>
            </a>
          </div></div><div class="flink-name">GIS学习教程</div><div class="flink-desc">GIS学习网站/论坛</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="http://zhihu.geoscene.cn/article/4085" title="ArcGIS 学习资料" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/zhihu.geoscene.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ArcGIS 学习资料" />
              </div>
              <div class="flink-item-name">ArcGIS 学习资料</div> 
              <div class="flink-item-desc" title="ArcGIS 学习课程合集">ArcGIS 学习课程合集</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://mp.weixin.qq.com/mp/appmsgalbum?action=getalbum&__biz=Mzk0MzE3MTM1OA==&scene=24&album_id=1864288836780900359&count=3#wechat_redirect" title="Arcpy 完全开发指南" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/weixin.qq.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Arcpy 完全开发指南" />
              </div>
              <div class="flink-item-name">Arcpy 完全开发指南</div> 
              <div class="flink-item-desc" title="ArcGIS Python 二次开发指南">ArcGIS Python 二次开发指南</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.zhihu.com/column/c_112749678" title="ArcGIS Python知乎专栏" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/zhihu.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ArcGIS Python知乎专栏" />
              </div>
              <div class="flink-item-name">ArcGIS Python知乎专栏</div> 
              <div class="flink-item-desc" title="基于ArcGIS的python编程">基于ArcGIS的python编程</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://mp.weixin.qq.com/s?__biz=MzU2MDUxMTIyMA==&mid=2247484685&idx=1&sn=04a9d4f71953dfe1f48f3857db32a072&chksm=fc07a496cb702d80a3961a7b91ce98610673d563a151d1b40b8667c39a35048dd2e22433d2dc&scene=21#wechat_redirect" title="Web GIS 课程" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/weixin.qq.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Web GIS 课程" />
              </div>
              <div class="flink-item-name">Web GIS 课程</div> 
              <div class="flink-item-desc" title="Web GIS 课程合集">Web GIS 课程合集</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.bilibili.com/video/BV1Vo4y1f7fm?p=1" title="ModelBuilder教程" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.bilibili.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ModelBuilder教程" />
              </div>
              <div class="flink-item-name">ModelBuilder教程</div> 
              <div class="flink-item-desc" title="模型构建器从0到1">模型构建器从0到1</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.zhihu.com/column/c_1320023394733871104" title="ArcGIS小白日记" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/zhihu.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ArcGIS小白日记" />
              </div>
              <div class="flink-item-name">ArcGIS小白日记</div> 
              <div class="flink-item-desc" title="ArcGIS的基础实验教程">ArcGIS的基础实验教程</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://mp.weixin.qq.com/s/zrBAlI8A6L8ne16bbLoUAw" title="Cesium教程/资料合集" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/mp.weixin.qq.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Cesium教程/资料合集" />
              </div>
              <div class="flink-item-name">Cesium教程/资料合集</div> 
              <div class="flink-item-desc" title="Cesium教程/资料合集">Cesium教程/资料合集</div>
            </a>
          </div></div><div class="flink-name">开源GIS相关的Python电子书</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://www.osgeo.cn/pygis/index.html" title="Python与开源GIS" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.osgeo.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Python与开源GIS" />
              </div>
              <div class="flink-item-name">Python与开源GIS</div> 
              <div class="flink-item-desc" title="Python与开源GIS一书的电子版">Python与开源GIS一书的电子版</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://livebook.manning.com/book/geoprocessing-with-python/table-of-contents/" title="Geoprocessing with Python" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://d19npu3b8zepp3.cloudfront.net/assets/images/favicon.png?v=1" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Geoprocessing with Python" />
              </div>
              <div class="flink-item-name">Geoprocessing with Python</div> 
              <div class="flink-item-desc" title="英文原版在线看">英文原版在线看</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://pcjericks.github.io/py-gdalogr-cookbook/index.html" title="Python GDAL/OGR Cookbook" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/github.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Python GDAL/OGR Cookbook" />
              </div>
              <div class="flink-item-name">Python GDAL/OGR Cookbook</div> 
              <div class="flink-item-desc" title="Python GDAL/OGR API的使用说明书">Python GDAL/OGR API的使用说明书</div>
            </a>
          </div></div><div class="flink-name">坐标/系获取</div><div class="flink-desc">坐标/系在线查询、获取</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://epsg.io/" title="epsg.io" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/epsg.io.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="epsg.io" />
              </div>
              <div class="flink-item-name">epsg.io</div> 
              <div class="flink-item-desc" title="查找全球坐标系/坐标">查找全球坐标系/坐标</div>
            </a>
          </div></div><div class="flink-name">网盘资源</div><div class="flink-desc">公开的网盘资源</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://node4.mkdmirror.workers.dev/0:/" title="FXXKMAKEDING" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/node4.mkdmirror.workers.dev.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="FXXKMAKEDING" />
              </div>
              <div class="flink-item-name">FXXKMAKEDING</div> 
              <div class="flink-item-desc" title="公开的软件下载网盘">公开的软件下载网盘</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://pan.isharepc.com/" title="阿刚网盘" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://pan.isharepc.com/wp-content/themes/panpro/assets/images/favicon/favicon.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="阿刚网盘" />
              </div>
              <div class="flink-item-name">阿刚网盘</div> 
              <div class="flink-item-desc" title="需从公号获取验证码(部分需要登录)">需从公号获取验证码(部分需要登录)</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://axutongxue.com/" title="阿虚同学的储物间" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/axutongxue.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="阿虚同学的储物间" />
              </div>
              <div class="flink-item-name">阿虚同学的储物间</div> 
              <div class="flink-item-desc" title="资源网站的套娃">资源网站的套娃</div>
            </a>
          </div></div><div class="flink-name">截图/录屏软件</div><div class="flink-desc">截图/录屏软件</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://obsproject.com/" title="OBS Studio" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/obsproject.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="OBS Studio" />
              </div>
              <div class="flink-item-name">OBS Studio</div> 
              <div class="flink-item-desc" title="免费开源的录屏软件">免费开源的录屏软件</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.snipaste.com/" title="Snipaste" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/snipaste.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Snipaste" />
              </div>
              <div class="flink-item-name">Snipaste</div> 
              <div class="flink-item-desc" title="非常好用的截图软件">非常好用的截图软件</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://github.com/MathewSachin/Captura" title="Captura" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/github.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Captura" />
              </div>
              <div class="flink-item-name">Captura</div> 
              <div class="flink-item-desc" title="目前已不再维护">目前已不再维护</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://pixpinapp.com/" title="PixPin" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/pixpinapp.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="PixPin" />
              </div>
              <div class="flink-item-name">PixPin</div> 
              <div class="flink-item-desc" title="支持长截图">支持长截图</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://verycapture.com/cn/index.html" title="VeryCapture" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/verycapture.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="VeryCapture" />
              </div>
              <div class="flink-item-name">VeryCapture</div> 
              <div class="flink-item-desc" title="屏幕截取">屏幕截取</div>
            </a>
          </div></div><div class="flink-name">AI</div><div class="flink-desc">AI模型</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://img.ithome.com/app/aichat/index.html" title="国内AI大模型入口" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/ithome.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="国内AI大模型入口" />
              </div>
              <div class="flink-item-name">国内AI大模型入口</div> 
              <div class="flink-item-desc" title="电脑需要复制网址在新标签页中打开">电脑需要复制网址在新标签页中打开</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://huggingface.co/chat/" title="Hugging Face" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/huggingface.co.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Hugging Face" />
              </div>
              <div class="flink-item-name">Hugging Face</div> 
              <div class="flink-item-desc" title="开源的AI模型">开源的AI模型</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.aixuanfeng.com/" title="AI导航1" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.aixuanfeng.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="AI导航1" />
              </div>
              <div class="flink-item-name">AI导航1</div> 
              <div class="flink-item-desc" title="AI网址集合1">AI网址集合1</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://tuostudy.upnb.top/ai/" title="AI导航2" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://tuostudy.upnb.top/wp-content/uploads/2023/05/ilogo.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="AI导航2" />
              </div>
              <div class="flink-item-name">AI导航2</div> 
              <div class="flink-item-desc" title="AI网址集合2">AI网址集合2</div>
            </a>
          </div></div><div class="flink-name">软件下载</div><div class="flink-desc">常用GIS软件下载地址</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://sourceforge.net/projects/geoserver/files/GeoServer/" title="GeoServer" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/sourceforge.net.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="GeoServer" />
              </div>
              <div class="flink-item-name">GeoServer</div> 
              <div class="flink-item-desc" title="GeoServer各个历史版本下载">GeoServer各个历史版本下载</div>
            </a>
          </div></div><div class="flink-name">PC 软件下载</div><div class="flink-desc">三大系统软件下载</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://store.rg-adguard.net/" title="Microsoft Store应用下载" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/store.rg-adguard.net.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Microsoft Store应用下载" />
              </div>
              <div class="flink-item-name">Microsoft Store应用下载</div> 
              <div class="flink-item-desc" title="uwp应用离线下载">uwp应用离线下载</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.ghxi.com/" title="果核剥壳" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.ghxi.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="果核剥壳" />
              </div>
              <div class="flink-item-name">果核剥壳</div> 
              <div class="flink-item-desc" title="分享有破解软件、绿色软件">分享有破解软件、绿色软件</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://www.dayanzai.me/" title="大眼仔旭" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.dayanzai.me.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="大眼仔旭" />
              </div>
              <div class="flink-item-name">大眼仔旭</div> 
              <div class="flink-item-desc" title="专注视频剪辑、解压、录屏、思维导图等资源分享">专注视频剪辑、解压、录屏、思维导图等资源分享</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.colithel.com/" title="科利特尔" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.colithel.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="科利特尔" />
              </div>
              <div class="flink-item-name">科利特尔</div> 
              <div class="flink-item-desc" title="软件下载站点">软件下载站点</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://foxirj.com/" title="佛系软件" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/foxirj.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="佛系软件" />
              </div>
              <div class="flink-item-name">佛系软件</div> 
              <div class="flink-item-desc" title="精品Windows,MacOS软件下载">精品Windows,MacOS软件下载</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.macxin.com/" title="Mac萌新网" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.macxin.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Mac萌新网" />
              </div>
              <div class="flink-item-name">Mac萌新网</div> 
              <div class="flink-item-desc" title="分享Linux、Mac、Windows专业软件">分享Linux、Mac、Windows专业软件</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.luochenzhimu.com/" title="落尘之木" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.luochenzhimu.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="落尘之木" />
              </div>
              <div class="flink-item-name">落尘之木</div> 
              <div class="flink-item-desc" title="各个平台软件分享">各个平台软件分享</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.sordum.org/" title="Sordum" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.sordum.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Sordum" />
              </div>
              <div class="flink-item-name">Sordum</div> 
              <div class="flink-item-desc" title="软件下载站点">软件下载站点</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://www.lavteam.org/" title="lavteam" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/lavteam.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="lavteam" />
              </div>
              <div class="flink-item-name">lavteam</div> 
              <div class="flink-item-desc" title="俄罗斯网站,需登录">俄罗斯网站,需登录</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.litiaotiao.com/" title="李跳跳" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.litiaotiao.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="李跳跳" />
              </div>
              <div class="flink-item-name">李跳跳</div> 
              <div class="flink-item-desc" title="分享开源免费软件">分享开源免费软件</div>
            </a>
          </div></div><div class="flink-name">Mac 软件下载</div><div class="flink-desc">针对Mac系统软件下载</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://www.macbl.com/" title="马可菠萝" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.macbl.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="马可菠萝" />
              </div>
              <div class="flink-item-name">马可菠萝</div> 
              <div class="flink-item-desc" title="分享你喜欢的Mac应用">分享你喜欢的Mac应用</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://xclient.info/" title="精品Mac应用" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/xclient.info.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="精品Mac应用" />
              </div>
              <div class="flink-item-name">精品Mac应用</div> 
              <div class="flink-item-desc" title="精品Mac应用分享">精品Mac应用分享</div>
            </a>
          </div></div><div class="flink-name">手机软件下载</div><div class="flink-desc">针对安卓系统的软件下载</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://www.lan-sha.com/" title="蓝鲨" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.lan-sha.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="蓝鲨" />
              </div>
              <div class="flink-item-name">蓝鲨</div> 
              <div class="flink-item-desc" title="除了手机软件还有PC软件">除了手机软件还有PC软件</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://apkcombo.com/zh/" title="APKCombo" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/apkcombo.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="APKCombo" />
              </div>
              <div class="flink-item-name">APKCombo</div> 
              <div class="flink-item-desc" title="需要梯子">需要梯子</div>
            </a>
          </div></div><div class="flink-name">IT 资讯</div><div class="flink-desc">IT 资讯/论坛</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://www.ithome.com/" title="IT 之家" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.ithome.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="IT 之家" />
              </div>
              <div class="flink-item-name">IT 之家</div> 
              <div class="flink-item-desc" title="前沿科技门户网站，青岛软媒旗下">前沿科技门户网站，青岛软媒旗下</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.landian.vip/" title="蓝点网" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.landian.vip.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="蓝点网" />
              </div>
              <div class="flink-item-name">蓝点网</div> 
              <div class="flink-item-desc" title="给你感兴趣的内容">给你感兴趣的内容</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.pingwest.com/" title="品玩" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.pingwest.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="品玩" />
              </div>
              <div class="flink-item-name">品玩</div> 
              <div class="flink-item-desc" title="有品好玩的科技">有品好玩的科技</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.v2ex.com/" title="V2EX" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.v2ex.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="V2EX" />
              </div>
              <div class="flink-item-name">V2EX</div> 
              <div class="flink-item-desc" title="讨论编程、设计、硬件、游戏等令人激动的话题">讨论编程、设计、硬件、游戏等令人激动的话题</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://sspai.com/" title="少数派" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/sspai.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="少数派" />
              </div>
              <div class="flink-item-name">少数派</div> 
              <div class="flink-item-desc" title="高效生活，品质生活">高效生活，品质生活</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.pcbeta.com/" title="远景论坛" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.pcbeta.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="远景论坛" />
              </div>
              <div class="flink-item-name">远景论坛</div> 
              <div class="flink-item-desc" title="微软极客社区">微软极客社区</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.iplaysoft.com/" title="异次元软件世界" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.iplaysoft.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="异次元软件世界" />
              </div>
              <div class="flink-item-name">异次元软件世界</div> 
              <div class="flink-item-desc" title="软件评测">软件评测</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://bbs.kafan.cn/" title="卡饭论坛" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/bbs.kafan.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="卡饭论坛" />
              </div>
              <div class="flink-item-name">卡饭论坛</div> 
              <div class="flink-item-desc" title="软件论坛">软件论坛</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://bbs.chinauos.com/" title="UOS论坛" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/bbs.chinauos.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="UOS论坛" />
              </div>
              <div class="flink-item-name">UOS论坛</div> 
              <div class="flink-item-desc" title="统信UOS官方俱乐部">统信UOS官方俱乐部</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.kejiplus.com/" title="科技普拉斯" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/wordpress.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="科技普拉斯" />
              </div>
              <div class="flink-item-name">科技普拉斯</div> 
              <div class="flink-item-desc" title="学习最新科技知识">学习最新科技知识</div>
            </a>
          </div></div><div class="flink-name">Markdown 排版</div><div class="flink-desc">Markdown 在线排版</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="http://md.aclickall.com/" title="Md2All" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/md.aclickall.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Md2All" />
              </div>
              <div class="flink-item-name">Md2All</div> 
              <div class="flink-item-desc" title="Markdown排版利器">Markdown排版利器</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://editor.mdnice.com/" title="Markdown Nice" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/editor.mdnice.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Markdown Nice" />
              </div>
              <div class="flink-item-name">Markdown Nice</div> 
              <div class="flink-item-desc" title="Markdown|让排版变Nice">Markdown|让排版变Nice</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://markdown.com.cn/" title="Markdown官方教程" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://markdown.com.cn/hero.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Markdown官方教程" />
              </div>
              <div class="flink-item-name">Markdown官方教程</div> 
              <div class="flink-item-desc" title="Markdown语法指南">Markdown语法指南</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://mermaid.js.org/" title="Mermaid" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/mermaid.js.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Mermaid" />
              </div>
              <div class="flink-item-name">Mermaid</div> 
              <div class="flink-item-desc" title="Markdown绘制图表">Markdown绘制图表</div>
            </a>
          </div></div><div class="flink-name">思维导图</div><div class="flink-desc">在线/客户端绘制思维导图</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://app.diagrams.net/" title="Diagrams" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/app.diagrams.net.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Diagrams" />
              </div>
              <div class="flink-item-name">Diagrams</div> 
              <div class="flink-item-desc" title="在线绘制流程图">在线绘制流程图</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://mubu.com/home" title="幕布" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/mubu.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="幕布" />
              </div>
              <div class="flink-item-name">幕布</div> 
              <div class="flink-item-desc" title="极简大纲笔记">极简大纲笔记</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.zhixi.com/" title="知犀" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.zhixi.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="知犀" />
              </div>
              <div class="flink-item-name">知犀</div> 
              <div class="flink-item-desc" title="一款免费的在线画图工具,也有客户端">一款免费的在线画图工具,也有客户端</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://zhimap.com/" title="ZhiMap" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/zhimap.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ZhiMap" />
              </div>
              <div class="flink-item-name">ZhiMap</div> 
              <div class="flink-item-desc" title="免费思维导图，比收费的还好用">免费思维导图，比收费的还好用</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.processon.com/" title="ProcessOn" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.processon.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ProcessOn" />
              </div>
              <div class="flink-item-name">ProcessOn</div> 
              <div class="flink-item-desc" title="免费在线流程图思维导图">免费在线流程图思维导图</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://naotu.baidu.com/" title="百度脑图" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/naotu.baidu.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="百度脑图" />
              </div>
              <div class="flink-item-name">百度脑图</div> 
              <div class="flink-item-desc" title="便捷的思维工具">便捷的思维工具</div>
            </a>
          </div></div><div class="flink-name">白板绘图</div><div class="flink-desc">在线涂鸦/绘图</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://edui123.com/bb/" title="极简白板" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/edui123.com/bb.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="极简白板" />
              </div>
              <div class="flink-item-name">极简白板</div> 
              <div class="flink-item-desc" title="极简在线白板">极简在线白板</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.geogebra.org/" title="GeoGebra" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.geogebra.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="GeoGebra" />
              </div>
              <div class="flink-item-name">GeoGebra</div> 
              <div class="flink-item-desc" title="用于绘图计算、几何作图、白板协作等">用于绘图计算、几何作图、白板协作等</div>
            </a>
          </div></div><div class="flink-name">开发者工具</div><div class="flink-desc">网页版开发者工具</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://apifox.com/" title="Apifox" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/apifox.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Apifox" />
              </div>
              <div class="flink-item-name">Apifox</div> 
              <div class="flink-item-desc" title="比postman好用的工具">比postman好用的工具</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.json.cn/" title="JSON在线解析" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.json.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="JSON在线解析" />
              </div>
              <div class="flink-item-name">JSON在线解析</div> 
              <div class="flink-item-desc" title="JSON在线解析及格式化验证">JSON在线解析及格式化验证</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://editor.codecogs.com/" title="数学公式生成器" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://editor.codecogs.com/favicon.ico" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="数学公式生成器" />
              </div>
              <div class="flink-item-name">数学公式生成器</div> 
              <div class="flink-item-desc" title="在线数学公式生成器">在线数学公式生成器</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://jex.im/regulex/" title="正则表达式可视化" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/jex.im/regulex.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="正则表达式可视化" />
              </div>
              <div class="flink-item-name">正则表达式可视化</div> 
              <div class="flink-item-desc" title="在线数学公式生成器">在线数学公式生成器</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.iowen.cn/preview/?id=2410" title="获取网站favicon" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.iowen.cn/preview.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="获取网站favicon" />
              </div>
              <div class="flink-item-name">获取网站favicon</div> 
              <div class="flink-item-desc" title="快速获取网站favicon图标API">快速获取网站favicon图标API</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.lfd.uci.edu/~gohlke/pythonlibs/" title="Python Extension Packages" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.lfd.uci.edu/~gohlke/pythonlibs.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Python Extension Packages" />
              </div>
              <div class="flink-item-name">Python Extension Packages</div> 
              <div class="flink-item-desc" title="Python扩展包下载(非官方)">Python扩展包下载(非官方)</div>
            </a>
          </div></div><div class="flink-name">图片API接口</div><div class="flink-desc">免费的图片API接口</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://dog.ceo/dog-api/" title="DOG API" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/dog.ceo/dog-api.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="DOG API" />
              </div>
              <div class="flink-item-name">DOG API</div> 
              <div class="flink-item-desc" title="号称最大的开源狗狗图片收藏">号称最大的开源狗狗图片收藏</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://thecatapi.com/" title="The Cat API" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/thecatapi.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="The Cat API" />
              </div>
              <div class="flink-item-name">The Cat API</div> 
              <div class="flink-item-desc" title="一个关于猫的公共API">一个关于猫的公共API</div>
            </a>
          </div></div><div class="flink-name">数据结构可视化</div><div class="flink-desc">算法/数据结构的可视化展示</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://visualgo.net/zh" title="Visualgo" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/visualgo.net.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Visualgo" />
              </div>
              <div class="flink-item-name">Visualgo</div> 
              <div class="flink-item-desc" title="数据结构和算法动态可视化/中文">数据结构和算法动态可视化/中文</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.cs.usfca.edu/~galles/visualization/Algorithms.html" title="Data Structure Visualizations" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.cs.usfca.edu/~galles/visualization/Algorithms.html.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Data Structure Visualizations" />
              </div>
              <div class="flink-item-name">Data Structure Visualizations</div> 
              <div class="flink-item-desc" title="数据结构可视化/英文">数据结构可视化/英文</div>
            </a>
          </div></div><div class="flink-name">系统镜像</div><div class="flink-desc">系统的镜像下载与激活</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://msdn.itellyou.cn/" title="MSDN,我告诉你" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/msdn.itellyou.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="MSDN,我告诉你" />
              </div>
              <div class="flink-item-name">MSDN,我告诉你</div> 
              <div class="flink-item-desc" title="老版msdn网站">老版msdn网站</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://next.itellyou.cn/" title="NEXT,ITELLYOU" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/next.itellyou.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="NEXT,ITELLYOU" />
              </div>
              <div class="flink-item-name">NEXT,ITELLYOU</div> 
              <div class="flink-item-desc" title="新版msdn网站,需注册">新版msdn网站,需注册</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://hellowindows.cn/" title="Windows 镜像下载" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/hellowindows.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Windows 镜像下载" />
              </div>
              <div class="flink-item-name">Windows 镜像下载</div> 
              <div class="flink-item-desc" title="镜像下载与激活">镜像下载与激活</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.changewindows.org/" title="Windows 时间线" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://www.changewindows.org/images/logo.svg" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Windows 时间线" />
              </div>
              <div class="flink-item-name">Windows 时间线</div> 
              <div class="flink-item-desc" title="Windows系统版本发布">Windows系统版本发布</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://massgrave.dev/" title="Microsoft Activation Scripts" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/massgrave.dev.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Microsoft Activation Scripts" />
              </div>
              <div class="flink-item-name">Microsoft Activation Scripts</div> 
              <div class="flink-item-desc" title="开源的Windows和Office激活器">开源的Windows和Office激活器</div>
            </a>
          </div></div><div class="flink-name">启动盘</div><div class="flink-desc">制作启动盘/PE</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://www.ventoy.net/cn/index.html" title="Ventoy" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.ventoy.net.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Ventoy" />
              </div>
              <div class="flink-item-name">Ventoy</div> 
              <div class="flink-item-desc" title="新一代多系统启动U盘解决方案">新一代多系统启动U盘解决方案</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://home.edgeless.top/" title="Edgeless" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/home.edgeless.top.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Edgeless" />
              </div>
              <div class="flink-item-name">Edgeless</div> 
              <div class="flink-item-desc" title="强大而优雅的半开源PE工具">强大而优雅的半开源PE工具</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.wepe.com.cn/" title="微PE工具箱" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.wepe.com.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="微PE工具箱" />
              </div>
              <div class="flink-item-name">微PE工具箱</div> 
              <div class="flink-item-desc" title="超好用的WinPE装机维护工具">超好用的WinPE装机维护工具</div>
            </a>
          </div></div><div class="flink-name">图床</div><div class="flink-desc">免费的图床</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://imgtu.com/" title="路过图床" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/imgtu.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="路过图床" />
              </div>
              <div class="flink-item-name">路过图床</div> 
              <div class="flink-item-desc" title="高速稳定的图片上传和外链服务">高速稳定的图片上传和外链服务</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://smms.app/" title="SM.MS" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/smms.app.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="SM.MS" />
              </div>
              <div class="flink-item-name">SM.MS</div> 
              <div class="flink-item-desc" title="免费图像托管">免费图像托管</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://imgur.com/upload" title="imgur" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/imgur.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="imgur" />
              </div>
              <div class="flink-item-name">imgur</div> 
              <div class="flink-item-desc" title="null">null</div>
            </a>
          </div></div><div class="flink-name">工具集合</div><div class="flink-desc">各种小工具的集合</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://www.aconvert.com/cn/" title="ACONVERT" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.aconvert.com/cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ACONVERT" />
              </div>
              <div class="flink-item-name">ACONVERT</div> 
              <div class="flink-item-desc" title="在线转换文档/图像/视频/音频">在线转换文档/图像/视频/音频</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://www.wofficebox.com/" title="万彩办公大师" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.wofficebox.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="万彩办公大师" />
              </div>
              <div class="flink-item-name">万彩办公大师</div> 
              <div class="flink-item-desc" title="办公必备的小工具百宝箱">办公必备的小工具百宝箱</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.67tool.com/" title="即时工具" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.67tool.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="即时工具" />
              </div>
              <div class="flink-item-name">即时工具</div> 
              <div class="flink-item-desc" title="在线工具箱">在线工具箱</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://tool.chinaz.com/" title="站长之家" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/tool.chinaz.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="站长之家" />
              </div>
              <div class="flink-item-name">站长之家</div> 
              <div class="flink-item-desc" title="站长的必备工具">站长的必备工具</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://github.com/hellzerg/optimizer" title="optimizer" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/github.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="optimizer" />
              </div>
              <div class="flink-item-name">optimizer</div> 
              <div class="flink-item-desc" title="Windows优化工具合集">Windows优化工具合集</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.ginifab.com/feeds/angle_measurement/online_protractor.zh.php" title="在线量角器" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.ginifab.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="在线量角器" />
              </div>
              <div class="flink-item-name">在线量角器</div> 
              <div class="flink-item-desc" title="上传图片在线量角">上传图片在线量角</div>
            </a>
          </div></div><div class="flink-name">专门工具/软件</div><div class="flink-desc">视频剪辑/转换/传输工具</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://lv.ulikecam.com/" title="剪映" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/lv.ulikecam.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="剪映" />
              </div>
              <div class="flink-item-name">剪映</div> 
              <div class="flink-item-desc" title="视频编辑器">视频编辑器</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.ilovepdf.com/zh-cn" title="iLovePDF" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.ilovepdf.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="iLovePDF" />
              </div>
              <div class="flink-item-name">iLovePDF</div> 
              <div class="flink-item-desc" title="PDF在线工具">PDF在线工具</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.wenshushu.cn/" title="文叔叔" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.wenshushu.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="文叔叔" />
              </div>
              <div class="flink-item-name">文叔叔</div> 
              <div class="flink-item-desc" title="不限速的临时文件传输平台">不限速的临时文件传输平台</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.gaoding.com/" title="稿定设计" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.gaoding.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="稿定设计" />
              </div>
              <div class="flink-item-name">稿定设计</div> 
              <div class="flink-item-desc" title="海报、简历、PPT、公众号配图、电商等海量模板快速出图。">海报、简历、PPT、公众号配图、电商等海量模板快速出图。</div>
            </a>
          </div></div><div class="flink-name">颜色获取</div><div class="flink-desc">颜色值在线查询/获取</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://mycolor.space/" title="ColorSpace" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/mycolor.space.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="ColorSpace" />
              </div>
              <div class="flink-item-name">ColorSpace</div> 
              <div class="flink-item-desc" title="调色板/颜色渐变">调色板/颜色渐变</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://encycolorpedia.cn/" title="Encycolorpedia" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/encycolorpedia.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Encycolorpedia" />
              </div>
              <div class="flink-item-name">Encycolorpedia</div> 
              <div class="flink-item-desc" title="十六进制颜色代码表/图表/调色板">十六进制颜色代码表/图表/调色板</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://htmlcolorcodes.com/color-picker/" title="Color Picker" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/htmlcolorcodes.com/color-picker.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Color Picker" />
              </div>
              <div class="flink-item-name">Color Picker</div> 
              <div class="flink-item-desc" title="html颜色选择器">html颜色选择器</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.w3schools.com/colors/colors_picker.asp" title="Colors Picker" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.w3schools.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Colors Picker" />
              </div>
              <div class="flink-item-name">Colors Picker</div> 
              <div class="flink-item-desc" title="Html color picker">Html color picker</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://tool.css-js.com/rgba.html" title="RGB与16进制色互转" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/tool.css-js.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="RGB与16进制色互转" />
              </div>
              <div class="flink-item-name">RGB与16进制色互转</div> 
              <div class="flink-item-desc" title="RGB与16进制色互转">RGB与16进制色互转</div>
            </a>
          </div></div><div class="flink-name">图片编辑工具</div><div class="flink-desc">编辑图片的在线工具/软件</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://www.img2go.com/zh" title="IMG2GO" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.img2go.com/zh.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="IMG2GO" />
              </div>
              <div class="flink-item-name">IMG2GO</div> 
              <div class="flink-item-desc" title="免费在线图像转换器">免费在线图像转换器</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.photopea.com/" title="Photopea" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.photopea.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Photopea" />
              </div>
              <div class="flink-item-name">Photopea</div> 
              <div class="flink-item-desc" title="网页版Photoshop">网页版Photoshop</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://bgsub.cn/webapp/" title="BgSub" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/bgsub.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="BgSub" />
              </div>
              <div class="flink-item-name">BgSub</div> 
              <div class="flink-item-desc" title="消除或替换图像背景">消除或替换图像背景</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.iloveimg.com/zh-cn" title="iLoveIMG" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.iloveimg.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="iLoveIMG" />
              </div>
              <div class="flink-item-name">iLoveIMG</div> 
              <div class="flink-item-desc" title="图像文件在线编辑工具">图像文件在线编辑工具</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.polaxiong.com/" title="泼辣修图" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.polaxiong.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="泼辣修图" />
              </div>
              <div class="flink-item-name">泼辣修图</div> 
              <div class="flink-item-desc" title="简单专业的免费修图软件">简单专业的免费修图软件</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://squoosh.app/" title="Squoosh" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/squoosh.app.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Squoosh" />
              </div>
              <div class="flink-item-name">Squoosh</div> 
              <div class="flink-item-desc" title="谷歌旗下开源的图像压缩工具">谷歌旗下开源的图像压缩工具</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.tutieshi.com/" title="图贴士" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.tutieshi.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="图贴士" />
              </div>
              <div class="flink-item-name">图贴士</div> 
              <div class="flink-item-desc" title="在线图片压缩,视频转gif">在线图片压缩,视频转gif</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://tinypng.com" title="TinyPNG" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/tinypng.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="TinyPNG" />
              </div>
              <div class="flink-item-name">TinyPNG</div> 
              <div class="flink-item-desc" title="在线图片压缩">在线图片压缩</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://ezgif.com/" title="GIF编辑器" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/ezgif.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="GIF编辑器" />
              </div>
              <div class="flink-item-name">GIF编辑器</div> 
              <div class="flink-item-desc" title="在线GIF编辑器">在线GIF编辑器</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.fotojet.com/apps/?entry=edit" title="FotoJet" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.fotojet.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="FotoJet" />
              </div>
              <div class="flink-item-name">FotoJet</div> 
              <div class="flink-item-desc" title="在线图片设计、编辑平台">在线图片设计、编辑平台</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://photokit.com/editor/?lang=zh" title="PhotoKit" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/photokit.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="PhotoKit" />
              </div>
              <div class="flink-item-name">PhotoKit</div> 
              <div class="flink-item-desc" title="一个综合图片编辑平台">一个综合图片编辑平台</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.remove.bg/zh" title="remove.bg" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.remove.bg.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="remove.bg" />
              </div>
              <div class="flink-item-name">remove.bg</div> 
              <div class="flink-item-desc" title="图片背景消除网站">图片背景消除网站</div>
            </a>
          </div></div><div class="flink-name">扩展/脚本</div><div class="flink-desc">浏览器扩展/脚本下载</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://crxdl.com/" title="CrxDL.COM" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/crxdl.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="CrxDL.COM" />
              </div>
              <div class="flink-item-name">CrxDL.COM</div> 
              <div class="flink-item-desc" title="下载Chrome扩展插件Crx离线安装包">下载Chrome扩展插件Crx离线安装包</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://greasyfork.org/zh-CN" title="Greasy Fork" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/greasyfork.org.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Greasy Fork" />
              </div>
              <div class="flink-item-name">Greasy Fork</div> 
              <div class="flink-item-desc" title="安全实用的用户脚本大全">安全实用的用户脚本大全</div>
            </a>
          </div></div><div class="flink-name">壁纸</div><div class="flink-desc">壁纸下载</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://wallpaperhub.app/wallpapers" title="WallpaperHub" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/wallpaperhub.app/wallpapers.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="WallpaperHub" />
              </div>
              <div class="flink-item-name">WallpaperHub</div> 
              <div class="flink-item-desc" title="不同分辨率壁纸下载">不同分辨率壁纸下载</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://bing.ioliu.cn/" title="必应壁纸" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/bing.ioliu.cn.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="必应壁纸" />
              </div>
              <div class="flink-item-name">必应壁纸</div> 
              <div class="flink-item-desc" title="必应每日高清壁纸">必应每日高清壁纸</div>
            </a>
          </div></div><div class="flink-name">图片</div><div class="flink-desc">免费图片/素材网站</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://unsplash.dogedoge.com/" title="Unsplash" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/unsplash.dogedoge.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Unsplash" />
              </div>
              <div class="flink-item-name">Unsplash</div> 
              <div class="flink-item-desc" title="国内可访问的Unsplash">国内可访问的Unsplash</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.piqsels.com/" title="Piqsels" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.piqsels.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Piqsels" />
              </div>
              <div class="flink-item-name">Piqsels</div> 
              <div class="flink-item-desc" title="可免费用于个人和商业用途">可免费用于个人和商业用途</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.pexels.com/zh-cn" title="pexels" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.pexels.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="pexels" />
              </div>
              <div class="flink-item-name">pexels</div> 
              <div class="flink-item-desc" title="免费的素材图片和视频">免费的素材图片和视频</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://pixabay.com/zh/" title="Pixabay" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/pixabay.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Pixabay" />
              </div>
              <div class="flink-item-name">Pixabay</div> 
              <div class="flink-item-desc" title="免费正版高清图片素材库">免费正版高清图片素材库</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://kaboompics.com/" title="Kaboompics" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/kaboompics.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Kaboompics" />
              </div>
              <div class="flink-item-name">Kaboompics</div> 
              <div class="flink-item-desc" title="免费使用，可以用于商业用途">免费使用，可以用于商业用途</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://picography.co/" title="PICOGRAPHY" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/picography.co.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="PICOGRAPHY" />
              </div>
              <div class="flink-item-name">PICOGRAPHY</div> 
              <div class="flink-item-desc" title="高分辨率免费照片">高分辨率免费照片</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.lifeofpix.com/" title="Life of Pix" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.lifeofpix.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Life of Pix" />
              </div>
              <div class="flink-item-name">Life of Pix</div> 
              <div class="flink-item-desc" title="高分辨率、免版税的图片">高分辨率、免版税的图片</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://focastock.com/" title="FOCA Stock" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/focastock.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="FOCA Stock" />
              </div>
              <div class="flink-item-name">FOCA Stock</div> 
              <div class="flink-item-desc" title="免费的照片和视频免费的复古照片">免费的照片和视频免费的复古照片</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="http://streetwill.co/posts" title="Streetwill" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/streetwill.co/posts.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="Streetwill" />
              </div>
              <div class="flink-item-name">Streetwill</div> 
              <div class="flink-item-desc" title="免费的复古照片">免费的复古照片</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://giphy.com/" title="GIPHY" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/giphy.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="GIPHY" />
              </div>
              <div class="flink-item-name">GIPHY</div> 
              <div class="flink-item-desc" title="动图网站">动图网站</div>
            </a>
          </div></div><div class="flink-name">菜谱</div><div class="flink-desc">教你如何做菜</div> <div class="flink-list">
          <div class="flink-list-item">
            <a href="https://mip.xiachufang.com/" title="下厨房" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://s.chuimg.com/favicon.ico" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="下厨房" />
              </div>
              <div class="flink-item-name">下厨房</div> 
              <div class="flink-item-desc" title="实用菜谱做法与饮食知识">实用菜谱做法与饮食知识</div>
            </a>
          </div>
          <div class="flink-list-item">
            <a href="https://www.xiangha.com/" title="香哈菜谱" target="_blank">
              <div class="flink-item-icon">
                <img class="no-lightbox" src= "/img/friend_404.gif" data-lazy-src="https://api.iowen.cn/favicon/www.xiangha.com.png" onerror='this.onerror=null;this.src="/img/friend_404.gif"' alt="香哈菜谱" />
              </div>
              <div class="flink-item-name">香哈菜谱</div> 
              <div class="flink-item-desc" title="美食菜谱">美食菜谱</div>
            </a>
          </div></div></div></div></div><hr/><div id="post-comment"><div class="comment-head"><div class="comment-headline"><i class="fas fa-comments fa-fw"></i><span> 评论</span></div></div><div class="comment-wrap"><div><div class="vcomment" id="vcomment"></div></div></div></div></div></main><footer id="footer" style="background-image: url('/img/homepage-banner.webp')"><div id="footer-wrap"><div class="copyright">&copy;2022 - 2024 <i style="color:red" class="fa fa-heartbeat fa-beat"></i> By lovewhoilove</div><div class="footer_custom_text">生活原本沉闷，但跑起来就有风🎈</div></div></footer></div><div id="rightside"><div id="rightside-config-hide"></div><div id="rightside-config-show"><a class="icon-V hidden" onclick="switchNightMode()" title="浅色和深色模式转换"><svg width="25" height="25" viewBox="0 0 1024 1024"><use id="modeicon" xlink:href="#icon-moon"></use></svg></a><a id="to_comment" href="#post-comment" title="直达评论"><i class="fas fa-comments"></i></a><button id="go-up" type="button" title="回到顶部"><span class="scroll-percent"></span><i class="fas fa-arrow-up"></i></button><button id="go-down" type="button" title="直达底部" onclick="btf.scrollToDest(document.body.scrollHeight, 500)"><i class="fas fa-arrow-down"></i></button></div></div><div id="local-search"><div class="search-dialog"><nav class="search-nav"><span class="search-dialog-title">搜索</span><span id="loading-status"></span><button class="search-close-button"><i class="fas fa-times"></i></button></nav><div class="is-center" id="loading-database"><i class="fas fa-spinner fa-pulse"></i><span>  数据库加载中</span></div><div class="search-wrap"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div><hr/><div id="local-search-results"></div></div></div><div id="search-mask"></div></div><div><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.min.js"></script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js"></script><script>function panguFn () {
  if (typeof pangu === 'object') pangu.autoSpacingPage()
  else {
    getScript('https://cdn.jsdelivr.net/npm/pangu/dist/browser/pangu.min.js')
      .then(() => {
        pangu.autoSpacingPage()
      })
  }
}

function panguInit () {
  if (false){
    GLOBAL_CONFIG_SITE.isPost && panguFn()
  } else {
    panguFn()
  }
}

document.addEventListener('DOMContentLoaded', panguInit)</script><script src="/js/search/local-search.js"></script><div class="js-pjax"><script>(() => {
  const $mermaidWrap = document.querySelectorAll('#article-container .mermaid-wrap')
  if ($mermaidWrap.length) {
    window.runMermaid = () => {
      window.loadMermaid = true
      const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'default'

      Array.from($mermaidWrap).forEach((item, index) => {
        const mermaidSrc = item.firstElementChild
        const mermaidThemeConfig = '%%{init:{ \'theme\':\'' + theme + '\'}}%%\n'
        const mermaidID = 'mermaid-' + index
        const mermaidDefinition = mermaidThemeConfig + mermaidSrc.textContent
        mermaid.mermaidAPI.render(mermaidID, mermaidDefinition, (svgCode) => {
          mermaidSrc.insertAdjacentHTML('afterend', svgCode)
        })
      })
    }

    const loadMermaid = () => {
      window.loadMermaid ? runMermaid() : getScript('https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js').then(runMermaid)
    }

    window.pjax ? loadMermaid() : document.addEventListener('DOMContentLoaded', loadMermaid)
  }
})()</script><script>function loadValine () {
  function initValine () {
    const valine = new Valine(Object.assign({
      el: '#vcomment',
      appId: 's2D3RXeuiTBrJjXpdIo4bJuK-gzGzoHsz',
      appKey: 'e6j6L6lA50bj18TlkcZEMw0O',
      avatar: 'monsterid',
      serverURLs: '',
      emojiMaps: "",
      path: window.location.pathname,
      visitor: false
    }, {"placeholder":"畅所欲言哈😁~~"}))
  }

  if (typeof Valine === 'function') initValine() 
  else getScript('https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js').then(initValine)
}

if ('Valine' === 'Valine' || !true) {
  if (true) btf.loadComment(document.getElementById('vcomment'),loadValine)
  else setTimeout(loadValine, 0)
} else {
  function loadOtherComment () {
    loadValine()
  }
}</script></div><script src="/js/sun_moon.js"></script><script src="/js/jquery.min.js"></script><script data-pjax defer src="/js/chocolate.js"></script><script defer type="text/javascript" src="/js/sweetalert2.all.js"></script><script defer src="/js/lunar.js"></script><script defer src="/js/day.js"></script><script data-pjax defer src="/js/fishes.js"></script><canvas id="universe"></canvas><script src="/js/universe.js"></script><script defer="defer" id="fluttering_ribbon" mobile="false" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc/dist/canvas-fluttering-ribbon.min.js"></script><script src="https://cdn.jsdelivr.net/npm/butterfly-extsrc/dist/activate-power-mode.min.js"></script><script>POWERMODE.colorful = true;
POWERMODE.shake = true;
POWERMODE.mobile = false;
document.body.addEventListener('input', POWERMODE);
</script><script id="click-heart" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc/dist/click-heart.min.js" async="async" mobile="false"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css" media="print" onload="this.media='all'"><script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script><script src="https://cdn.jsdelivr.net/npm/butterfly-extsrc/metingjs/dist/Meting.min.js"></script><script src="https://cdn.jsdelivr.net/npm/pjax/pjax.min.js"></script><script>let pjaxSelectors = ["head > title","#config-diff","#body-wrap","#rightside-config-hide","#rightside-config-show",".js-pjax"]

var pjax = new Pjax({
  elements: 'a:not([target="_blank"])',
  selectors: pjaxSelectors,
  cacheBust: false,
  analytics: false,
  scrollRestoration: false
})

document.addEventListener('pjax:send', function () {

  // removeEventListener scroll 
  window.tocScrollFn && window.removeEventListener('scroll', window.tocScrollFn)
  window.scrollCollect && window.removeEventListener('scroll', scrollCollect)

  document.getElementById('rightside').style.cssText = "opacity: ''; transform: ''"
  
  if (window.aplayers) {
    for (let i = 0; i < window.aplayers.length; i++) {
      if (!window.aplayers[i].options.fixed) {
        window.aplayers[i].destroy()
      }
    }
  }

  typeof typed === 'object' && typed.destroy()

  //reset readmode
  const $bodyClassList = document.body.classList
  $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode')

  typeof disqusjs === 'object' && disqusjs.destroy()
})

document.addEventListener('pjax:complete', function () {
  window.refreshFn()

  document.querySelectorAll('script[data-pjax]').forEach(item => {
    const newScript = document.createElement('script')
    const content = item.text || item.textContent || item.innerHTML || ""
    Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value))
    newScript.appendChild(document.createTextNode(content))
    item.parentNode.replaceChild(newScript, item)
  })

  GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update()

  typeof chatBtnFn === 'function' && chatBtnFn()
  typeof panguInit === 'function' && panguInit()

  // google analytics
  typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname});

  // baidu analytics
  typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]);

  typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting()

  // prismjs
  typeof Prism === 'object' && Prism.highlightAll()
})

document.addEventListener('pjax:error', (e) => {
  if (e.request.status === 404) {
    pjax.loadUrl('/404.html')
  }
})</script><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div><!-- hexo injector body_end start --><div class="js-pjax"><script async="async">var arr = document.getElementsByClassName('recent-post-item');
for(var i = 0;i<arr.length;i++){
    arr[i].classList.add('wow');
    arr[i].classList.add('animate__zoomIn');
    arr[i].setAttribute('data-wow-duration', '2s');
    arr[i].setAttribute('data-wow-delay', '1s');
    arr[i].setAttribute('data-wow-offset', '100');
    arr[i].setAttribute('data-wow-iteration', '1');
  }</script><script async="async">var arr = document.getElementsByClassName('card-widget');
for(var i = 0;i<arr.length;i++){
    arr[i].classList.add('wow');
    arr[i].classList.add('animate__zoomIn');
    arr[i].setAttribute('data-wow-duration', '');
    arr[i].setAttribute('data-wow-delay', '');
    arr[i].setAttribute('data-wow-offset', '');
    arr[i].setAttribute('data-wow-iteration', '');
  }</script></div><script defer src="https://npm.elemecdn.com/hexo-butterfly-wowjs/lib/wow.min.js"></script><script defer src="https://npm.elemecdn.com/hexo-butterfly-wowjs/lib/wow_init.js"></script><!-- hexo injector body_end end --></body></html>